<template>
  <view class="index">
    <view class="top"></view>
    <view class="select"></view>
  </view>
</template>

<script setup>
import {ref} from 'vue'


</script>


<style scoped lang="scss">
.index {
  border: 1px solid red;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  .top {
    //border: 1px solid red;
    width: 100%;
    height: 50%;
    background: url("static/image/index.jpg") center center no-repeat fixed;
    background-size: cover;
    position: relative;
    z-index: 1;
    display: flex;
  }

  .select {
    display: flex;
    z-index: 2;
    //border: 1px solid red;
    width: 90%;
    height: 150px;
    margin-top: -75px;
    background: white;
    border-radius: 15px;
    -webkit-box-shadow: 4px 5px 22px 4px rgba(80,83,102,0.27);
    -moz-box-shadow: 4px 5px 22px 4px rgba(80,83,102,0.27);
    box-shadow: 4px 5px 22px 4px rgba(80,83,102,0.27);
  }
}
</style>
